<template>
	<view class="content ">
		<Header />
		<Main />
		<view class="login flex justify-between align-center text-white">
			<text>新用户登录领福利啦</text>
			<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" size="mini" type="primary">立即登录
			</button>
		</view>

	</view>
</template>

<script setup lang="ts">
	import Header from './components/header.vue'
	import Main from './components/main.vue'

	function getPhoneNumber(event) {
		console.log(event, 'event')
	}
</script>

<style lang="scss" scoped>
	.content {

		.login {
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			width: 80%;
			padding: 16rpx;
			padding-left: 20rpx;
			padding-right: 20rpx;
			margin: auto;
			border-radius: 28rpx;
			background: #00000080;
			font-size: 28rpx;

			&-btn {
				background-color: #1e76ff;
			}
		}
	}
</style>